<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script th:src="@{/layui/layui.js}" type="text/javascript"></script>
	<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
	<style>
		.layui-menu .layui-menu-item-checked:after {
			border-right: 3px solid #1e9fff;
		}
		.layui-menu-item-checked div.layui-menu-body-title{
			color: #1e9fff;
		}
	</style>
</head>
<body>
<div style="margin: 10px;">
	<div class="layui-row layui-col-space10">
		<div class="layui-col-md3">
			<div class="layui-panel">
				<ul class="layui-menu" id="menu1">
					<li lay-options="{id:100,page:'quartzSet'}" class="layui-menu-item-checked">
						<div class="layui-menu-body-title">
							定时任务配置
						</div>
					</li>
					<li class="layui-menu-item-divider"></li>
					<li lay-options="{id:101,page:'baseSet'}">
						<div class="layui-menu-body-title">
							商城基础配置
						</div>
					</li>
					<li lay-options="{id:102,page:'feeSet'}">
						<div class="layui-menu-body-title">
							运费配置
						</div>
					</li>
					<li lay-options="{id:103,page:'orderSet'}">
						<div class="layui-menu-body-title">
							订单配置
						</div>
					</li>
					<li class="layui-menu-item-divider"></li>
					<li lay-options="{id:104,page:'littleSet'}">
						<div class="layui-menu-body-title">
							小程序配置
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="layui-col-md9">
			<iframe id="setIframe" th:src="@{/page/system/config/quartzSet}" frameborder="no" scrolling="auto" style="width: 100%;height: 100%;"></iframe>
		</div>
	</div>
</div>
<script>
	var $;
	layui.use(['jquery','dropdown'],function(){
		var dropdown = layui.dropdown;
		$ = layui.jquery;

		setHeight();

		dropdown.on('click(menu1)',function (options) {
			var page = options.page;
			$('#setIframe').attr('src','/page/system/config/'+page);
		})

	})

	//获取页面高度
	function setHeight(){
		var height = window.outerHeight-165;
		$('#setIframe').css('height',height);
	}
</script>
</body>
</html>
